/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.11.2014, 15:54:43
    Author     : Kostya
*/
*
{
    margin:0;
    padding:0;
}
html,body
{
    /*overflow: hidden;*/
    width:100%;
    height:100%;
    background:#1b0600;
    color:#ffffff;
}
a
{
    color:#ffffff;
    text-decoration: none;
}
a:hover
{
    color:#ffffff;
    text-decoration:none;
}
.none
{
    display:none;
}
.wrapper
{
    width:100%;
    height:100%;
    min-height:400px;
    min-width: 700px;
}
/*header*/
.header, .footer
{
    width:100%;
    height:5%;
    background:#342321;
}




/*left_block*/

@media only screen and (min-width:960px){
    .left_block
    {
        font-size:1em;
    }
}
@media only screen and (min-width:1440px){
    .left_block
    {
        font-size:1.2em;
    }
}
@media only screen and (min-width:2000px){
    .left_block
    {
        font-size:1.4em;
    }
}
@media only screen and (max-width:960px){
   .left_block
   {
       font-size:.8em;
   }
}
@media only screen and (device-width:768px){
   .left_block
   {
       font-size:.7em;
   }
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}

.left_block
{
    float:left;
    height:90%;
    width:25%;
    overflow: hidden;
}
.left_block >div
{
    display: inline-block;
    vertical-align: middle; 
}
.left_block >div:first-child
{
    height:100%;
    width:1%;

}
.left_block >div:last-child
{
    width:97%;
}
.left_block .logo img
{
    max-width:70%;
}

.left_block .hr-menu li
{
    list-style-type: none;
    padding:1% 5px;
    transition: 3s;
}
.hr-menu li:hover 
{
    background:#682512;
    transition: 3s;
}

/*.left_block, .content
{
    display:inline-block;
    vertical-align: middle;
}*/

/*.content*/
.content
{
    text-align: center;
    margin-left:26%;
    max-width:100%;
    height:90%;
    min-width:500px;
}
.content >div >p
{
    max-width:90%;
    margin:auto;
}
.content >div
{
    display:inline-block;
    vertical-align: middle;
}
.content >div:first-child
{
    height:100%;
    width:0.1%;
}
.content >div:last-child
{
    width:99%;
    max-height:100%;
    overflow-y: hidden;
}
.start_page
{
    width:665px;
    height:442px;
    max-height:100%;
    max-width:100%;
}
/*select menu*/
.menu_item img
{
    max-width:90%;
    opacity:0.7;
}
/*main menu */
.for_menu
{
    width:100%;
    height:100%;
}
.block_food
{
    margin-top:20px;
    overflow: auto;
    height:100%;
}
.title_food
{
    padding:15px 0;
    font-size:24px;
    font-weight:bold;
    text-align:center;
}
.vine{
    margin-top:20px;
}
.food,.vine
{
    font-size:16px;
    padding:7px 0;
}
.food p,.vine >div,.vine >p
{
    display:inline-block;
    vertical-align:top;
    padding:0;margin:0;
}
.food p:first-child,.vine >div
{
    width:70%;
    text-align: left;
}
.food p:last-child,.vine >p
{
    width:25%;
    text-align:right;
}
.vine h3
{
    font-size: 18px;
    margin-bottom:7px;
}
.vine span
{
    font-style:italic;
    font-size:12px;
}
/*news*/
.news
{
    height:100%;
    overflow-y: auto !important;
}
.news__item
{
    margin-top:10px;
    background:#340a09;
    padding-bottom:10px;
    overflow: hidden;
}
.news__item  .title__news,.news__item  .date__news
{
    display:inline-block;
    vertical-align: middle;
}
.news__item  .date__news
{
    color:#501909;
    padding-right:10px;
    font-size:12px;
}
.news__item .title__news
{
    width:90%;
    padding:10px;
}
.news__item .text__news
{
    padding:10px;
    text-align:left;
    height:80px;
    cursor:pointer;
    opacity: 0.7;
}
.news__item .text__news:hover
{
    opacity: 1;
}
.news__item >div:first-child
{
    background:#501909;
}

/*gallery*/
.for_gallery
{

    width:90%;
    overflow-x:hidden; 
    overflow-y:auto !important;
}
.for_gallery img
{
    max-width:90%;
    max-height:100px;
    font-size:0px;
}
.for_gallery .img
{
    display:inline-block;
    width:30%;
}
.for_gallery .for_img
{
    padding:10px 0;
   
}
.galery_item
{
    width:30%;
    display:inline-block;
}
.galery_item img
{
    width:90%;
    opacity: 0.7;
}

/*contact*/
.contact >*
{
    margin:20px 0;
}
.contact h1
{
    font-size:20px;
}
.location p
{
    cursor:pointer;
}
.location p:hover
{
    text-decoration:underline;
}
.location img
{
    width:25%;
}
/*footer*/
.footer 
{
    
}
.footer p:first-child
{
    height:100%;
    font-size: 0px;
}
.footer p:last-child
{
    width:98%;
}
.footer p
{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}